<!DOCTYPE html>
<html lang="en" class="feedback" style="overflow-y: hidden;">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>
    <script src="../../js/mui.min.js"></script>
    <link href="../../css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" type="text/css" href="../../css/AddDevice_1.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/addfault.css" />
	<style>
		
		.mui-toast-container {
    bottom: 20% !important;/*离布局底部的距离*/
    }
.mui-toast-message {
    background: url(../img/indicator_input_error.png) no-repeat center 10px #000;   /*toast的背景图片*/
    opacity: 0.7;/*toast中背景色的透明度*/
        color: #FFFFFF; /*toast中字体颜色*/
    width: 180px; /*toast宽度*/
    padding: 50px 5px 10px 5px;/*toast中文字的位置*/
}
		
		.title{
			font-size: 15px;
			color: #333333;
		}
		.mui-mune1{
			text-align: left;
			margin-left: 15px;
			margin-right: 10px;
			padding: 15px;
			width:92%;
			height: 44px;
			font-size: 15px;
			font-weight: 100;
			border-width: 1;
			border-color: #DBDBDB;
			background-color: #FFFFFF;
		}
		.mui-mune2{
			text-align: left;
			
			margin-left: 15px;
			margin-right: 10px;
			margin-bottom: 10px;
			padding-left: 15px;
			width: 92%;
			height: 44px;
			font-size: 15px;
			font-weight: 100;
			border-width: 1;
			border-color: #DBDBDB;
			background-color: #FFFFFF;
		}
	</style>
</head>
<body >
	<header class="mui-bar mui-bar-nav">
		
		<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		<div>
			
			<h1 class="mui-title">新增故障</h1>
		</div>
	</header>
	<div class="flowChart">
		<div class="flowChartImg">
			<div class="selectIMGY">
				<h4>1</h4>
			</div>
			<div class="flowChartLine_1"></div>
			
			<div class="selectIMGX">
				<h4>2</h4>
			</div>
			
			
			<div class="flowChartLine_2"></div>
			<div class="selectIMGX">
				<h4>3</h4>
			</div>
			
		</div>
		<div class="flowChartText">
			<div>
				<h5 class="flowChartText_2">故障原因</h5>
			</div>
			<div>
				<h5 class="flowChartText_1"></h5>
			</div>
			<div>
				<h5 class="flowChartText_1">信息确认</h5>
			</div>
			<div>
				<h5 class="flowChartText_1"></h5>
			</div>
			<div>
				<h5 class="flowChartText_1">新增成功</h5>
			</div>
		</div>
	</div>
	<div class="DeviceOwnership">
		<div class="ownerShipMain">
			<div>
				<h5 class="title">故障原因</h5>
			</div>	
		</div>
		
		<div style="background-color: #FFFFFF;">
			<button id='breakReason' class="mui-mune1"  type='button'>请选择<img src="../../images/drawable-hdpi/arrowright.png" style="float: right;"/></button>
		</div>

		<div class="ownerShipMain">
			<div>
				<h5 class="title">故障描述</h5>
			</div>
		</div>
		<div style="background-color: #FFFFFF;">
			<div class="mui-input-row" style="margin-left: 15px; margin-right: 10px; background-color: #FFFFFF;">
				<textarea style="font-size: 15px;" id="question" rows="5" placeholder="请输入详细故障描述"></textarea>
			</div>
		</div>
		
		<div class="ownerShipMain">
			<div>
				<h5 class="title">故障照片</h5>
			</div>
		</div>
		
		<!--div class="footer-left" style="background-color: #FFFFFF;">
			<i id='msg-image' class="mui-icon mui-icon-camera" style="font-size: 28px; padding-left: 15px;"></i>
			<img id="addImg1" style="height: 50px; width: 50px;" src="images/dhImages/cbd.jpg"/>
		</div-->
		
		<!--<div id='image-list' class="row image-list" >
			<div class="image-item space">
				<div class="image-close" id="img-1">X</div>
				<div class="image-up">
					::after
				</div>
				<div class="file" id="image-1"></div>
			</div>
		</div>-->
		
		<div id='image-list' class="row image-list" ></div>
		
		<div class="ownerShipMain">
			<div>
				<h5 class="title">联系电话</h5>
			</div>
		</div>
		<div style="background-color: #FFFFFF;">
			<div class="mui-input-row" style="margin-left: 15px; margin-right: 10px; background-color: #FFFFFF;">
				<textarea style="font-size: 15px;" id="contact" rows="1" placeholder="请输入联系电话" value=""></textarea>
			</div>
		</div>
		
		<div class="ownerShipMain">
			<div>
				<h5 class="title">故障级别</h5>
			</div>
		</div>
		<div style="background-color: #FFFFFF;">
			<button id='breakPicker' class="mui-mune2"  type='button'>请选择<img src="../../images/drawable-hdpi/arrowright.png" style="float: right;"/></button>
		</div>

		<button id="submit" type="button" class="mui-btn mui-btn-royal mui-btn-block" style="background-color: #498AF7;">下一步</button>
	
	</div>
		<!--<script src="./js/mui.min.js"></script>-->
		<!--<script src="./js/mui.imageViewer.js"></script>-->
		<!--<script src="./js/arttmpl.js"></script>-->
		
		<script src="../../js/addfault.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			mui.init();
			mui('.mui-scroll-wrapper').scroll();
		</script>
		
		<script type="text/javascript" charset="utf-8">
//			(function($, doc) {
//				var checkPop1 = false;
//				var checkPop2 = false;
//					var ui = {
//						muimune1: doc.querySelector('.mui-mune1'),
//						muimune2: doc.querySelector('.mui-mune2'),
//						footerLeft: doc.querySelector('.footer-left'),
//						btnMsgImage: doc.querySelector('#msg-image'),
//						h: doc.querySelector('#h'),
//						content: doc.querySelector('.mui-content')
//					};
//					
//					var btnArray1 = new Array();
//					mui.get('http://app.xiaoweicanting.com/hospital.php?m=App&c=fault&a=getFaultLevelList&uid=3&token=dfaf&specid=11',function(data){
//						for(var i=0;i<data.data.length;i++){
//						btnArray1[i]={title:data.data[i].name};
//						}
//					},'json')
//
//					ui.muimune1.addEventListener('tap', function(event) {
//						plus.nativeUI.actionSheet({
//							cancel: "取消",
//							buttons: btnArray1
//						}, function(e) {
//							var index = e.index;
////							if(index == 0) break;
//							if(index != 0) {
//								checkPop1 = true;
//								document.getElementById("breakReason").innerHTML = btnArray1[index-1].title;
//							}
//						});
//					}, false);
//					
//					var btnArray2 = new Array();
//					mui.get('http://app.xiaoweicanting.com/hospital.php?m=App&c=fault&a=getFaultLevelList&uid=3&token=dfaf&specid=11',function(data){
//						for(var i=0;i<data.data.length;i++){
//						btnArray2[i]={title:data.data[i].name};
//						}
//					},'json')
//
//					ui.muimune2.addEventListener('tap', function(event) {
//						plus.nativeUI.actionSheet({
//							cancel: "取消",
//							buttons: btnArray2
//						}, function(e) {
//							var index = e.index;
////							if(index == 0) break;
//							if(index != 0) {
//								checkPop2 = true;
//								document.getElementById("breakPicker").innerHTML = btnArray2[index-1].title;
//							}
//						});
//					}, false); 
//			}(mui, document));
	</script>
</body>
</html>